<div id="table" class="dux-table">
    <div class="table-head">
        <form class="uk-form" method="post" action="{url()}">
            <input type="text" class="input" id="username" name="username" size="20" value="{$pageMaps.username}" placeholder="用户名/邮箱">
            <select class="input" name="group_id">
                <option value="0">=用户组=</option>
                <!--loop{$groupList as $vo}-->
                <!--if{$pageMaps['group_id'] == $vo['group_id']}-->
                <option value="{$vo.group_id}" selected>
                    <!--{else}-->
                    <option value="{$vo.group_id}">
                        <!--{/if}-->
                        {$vo.name}</option>
                    <!--{/loop}-->
            </select>
            <button class="uk-button" type="submit">筛选</button>
        </form>
    </div>
    <div class="uk-overflow-container">
    <table class="uk-table uk-text-nowrap uk-table-hover">
        <thead>
            <tr>
                <th width="80">
                    <input type="checkbox" class="js-select-all">
                </th>
                <th width="80">#</th>
                <th width="*">用户名</th>
                <th width="*">姓名</th>
                <th width="*">用户组</th>
                <th width="*" class="uk-text-center">状态</th>
                <th width="100" class="uk-text-center">操作</th>
            </tr>
        </thead>
        <tbody>
            <!--loop{$list as $vo}-->
            <tr>
                <td>
                    <x3input type="checkbox" name="id[]" value="{$vo.user_id}" class="js-select">
                </td>
                <td>{$vo.user_id}</td>
                <td>{$vo.username}</td>
                <td>{$vo.nicename}</td>
                <td>{$vo.group_name}</td>
                <td class="uk-text-center">
                    <!--if{$vo['status']}-->
                    <a href="javascript:;" class="uk-icon-circle uk-text-success js-action" data-url="{url('editAjax')}" data-id="{$vo.user_id}" data-field="status" data-val="0" data-type="status" title="启用"></a>
                    <!--{else}-->
                    <a href="javascript:;" class="uk-icon-circle uk-text-danger js-action" data-url="{url('editAjax')}" data-id="{$vo.user_id}" data-field="status" data-val="1" data-type="status"  title="停用"></a>
                    <!--{/if}-->
                </td>
                <td class="uk-text-center">
                    <a class="uk-button uk-button-primary uk-button-small uk-icon-pencil" href="{url('edit',array('id'=>$vo.user_id))}" title="编辑"></a>
                    <a class="uk-button uk-button-danger uk-button-small uk-icon-trash js-action" href="javascript:;" data-url="{url('del')}" data-id="{$vo.user_id}" data-type="del" title="删除"></a>
                </td>
            </tr>
            <!--{/loop}-->
        </tbody>
    </table>
        </div>
    <div class="table-foot uk-clearfix">
        <div class="uk-float-left js-menu">
            <a class="uk-button uk-button-danger uk-button-small" href="javascript:;" data-url="{url('batch')}" data-type="1">删除</a>
        </div>
        <div class="uk-float-right">{$page}</div>
    </div>
</div>
<script>
    Do.ready('base', function () {
        $('#table').duxTable();
    });
</script>